﻿@{
    ViewBag.Title = "TrialManagement.mobile";
    Layout = "~/Views/Shared/_Layout.Mobile.cshtml";
}
<div class="mainCont">
    <header class="bar bar-nav">
        <div style="height:40px;text-align:center;margin:auto;">
            <div class="menuli active" data-value="1">正在进行</div>
            <div class="menuli" data-value="2">已完成</div>
            <div class="menuli" data-value="3">已批准</div>
        </div>
    </header>
    <div class="list-block" style="width:98%;margin-bottom:1px;margin-top:40px">
        <ul>
            <li class="item-content">
                <div class="item-media"><i class="icon icon-f7"></i></div>
                <div class="item-inner">
                    <div class="item-title">商品名称</div>
                    <div class="item-after"><span class="icon icon-right"></span></div>
                </div>
            </li>
            <li class="item-content">
                <div class="item-media"><i class="icon icon-f7"></i></div>
                <div class="item-inner">
                    <div class="item-title">商品名称</div>
                    <div class="item-after"><span class="icon icon-right"></span></div>
                </div>
            </li>
            <li class="item-content">
                <div class="item-media"><i class="icon icon-f7"></i></div>
                <div class="item-inner">
                    <div class="item-title">商品名称</div>
                    <div class="item-after"><span class="icon icon-right"></span></div>
                </div>
            </li>
        </ul>
    </div>
    <div >
        <img style="height:15px;margin:10px;float:left;" src="~/Images/Group.png" />
        <div style="color:#ffffff;float:left;font:14px;margin-top:10px"><a href="#myPopup" data-rel="popup" style="color:#ffffff">添加实验</a></div>
    </div>
    <div data-role="popup" id="myPopup" class="ui-content ui-btn-right" data-rel="back" data-position-to="window" style="background-color:transparent;color:#ffffff">
        <label>实验名称</label>
        <input />
        <button class="btn-default" id="addNewReport">保存</button>
    </div>
    @*<div class="triallist">
            <div class="item" onclick="location.href='../Trial/ontrial'">
                <div class=" triallistitem">产品A</div><div class="triallistitem">玉米</div><div class="triallistitem">昆山</div>
                <div class="iconright">
                    <img class="iconrightimg" src="~/Images/Back Chevron.png" />
                </div>
                <div class="dasheditem"></div>
            </div>

            <div class="item">
                <div class="triallistitem">产品A</div><div class="triallistitem">玉米</div><div class="triallistitem">昆山</div>
                <div class="iconright">
                    <img class="iconrightimg" src="~/Images/Back Chevron.png" />
                </div>
                <div class="dasheditem"></div>
            </div>

            <div class="item">
                <div class="triallistitem">产品A</div><div class="triallistitem">玉米</div><div class="triallistitem">昆山</div>
                <div class="iconright">
                    <img class="iconrightimg" src="~/Images/Back Chevron.png" />
                </div>
                <div class="dasheditem"></div>
            </div>

        </div>*@
</div>

<script>


    $().ready(function () {
        var width = screen.width;
        $(".menuli").css('width', width / 3);
        $(".menuli").css('height', '40px');
        $(".menuli").css('text-align', 'center');
        $(".menuli").css('padding-top', '10px');

        $(".menuli").on("click", function () {
            $('.menuli').removeClass('active');
            $(this).addClass('active');

            $.ajax({
                url: "../getTrialListbyPromoterID"

            })
        })
    })


</script>